<template>
  <div class="dashboard-container">
    <status-header />
    <el-row :gutter="20">
      <el-col :span="18">
        <task-status />
      </el-col>
      <el-col :span="6">
        <task-rank />
      </el-col>
    </el-row>
  </div>
</template>

<script >
import statusHeader from './status-component/statusHeader.vue'
import TaskRank from './status-component/taskRank.vue'
import TaskStatus from './status-component/taskStatus.vue'

export default {
  components: { statusHeader, TaskStatus, TaskRank }

}
</script>

<style lang="scss" scoped>

</style>
